<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/ common.css">
    <link rel="stylesheet" href="../css/ blog_edit.css">
    <script src="../js/jquery.min.js"></script>
    <!-- 引入 editor.md 的依赖 -->
    <link rel="stylesheet" href="../editor.md/css/editormd.min.css" />
    <script src="../editor.md/lib/marked.min.js"></script>
    <script src="../editor.md/lib/prettify.min.js"></script>
    <script src="../editor.md/editormd.js"></script>
</head>
<body>
    <div class="nav">
        <img src="../img/主页.png" alt="">
        <span>我的博客系统</span>
        <span class="space"> </span>
         <a href="blog_list.html">主页</a>
         <a href="bog_edit.html">写博客</a> 
         <a href="logout">注销</a>
    </div>
<div class="edit_blog_container">
<form action="blog" method="post">
<!--  标题编辑区-->
    <div class="title">
        <input type="text" id="title_input" name="title">
<!--           <button id="submit">登录</button> -->
        <button id="submit">发布文章</button>
    </div>
<!--md编辑器这个输入框，不是我们自己写的，而是他自己生成的      -->
    <div id="editor">
<!--editor.md文档给出的解决方案，在此处写一个隐藏的textarea（多行编辑框），就可以实现form表单提交的效果，在这个就可以制定name的值了 -->
    <textarea name="content" style="display:none;"></textarea>
    </div>
    </form>
    </div>
</body>
<script src="../js/app.js"></script>
<script >
    let edit=editormd('editor',{
        width:'100%',
        height:"calc(100%-60px)",
        markdown:"####开始写文章",
        // /.editor.md/lib/
        path:"../editor.md/lib/"
    })
    checkLogin();
</script>
</html>